/* 
 * tag-level styles 
 */
* {
  margin: 0;
  padding: 0;
}
a {
  color: #378;
  text-decoration: none; 
}
a:hover {
  text-decoration: underline;
}
body { 
  font-family: Verdana, Arial, Sans-Serif; 
  background: url(HeliosGrad.gif) repeat-x; 
}
img {
  border: none;
}
ol {
  list-style: none;
}
ul { 
  list-style: none; 
  padding-left: 1em; 
  text-indent: -1em; 
}

/* 
 * class-level styles 
 */
 
 .available {
     color: green;
 }
 
 .unavailable {
     color: red;
 }
 
 .due_back {
     color: #333;
     font-style: italic;
     font-size: -2;
     padding-left:  450px;
 }
.jangle_holding {
    width: 100%;
    font-size: medium;
}

.jangle_copies_available {
    padding-left: 25px;
    font-style: italic;
    font-size: medium;
}

.jangle_holding_number {
    padding-left: 25px;
    font-size: medium;
}
.jangle_holding_status {
    padding-left: 25px;
    font-size: medium;
}

.jangle_holding_message {
    padding-left: 25px;
    font-size: medium;
}

.jangle_holding_dueback {
    padding-left: 25px;
    font-size: medium;
}
.jangle_holdings {
    width: 100%;
    font-size: medium;
}
.beta {
  color: #d1d1d1; 
  vertical-align: super; 
  font-size: 70%;
}
.cover { 
  float: right;
  padding: 0 0 0 5px;
}
.facet-list { 
  margin-bottom: 5px;
}
.format {
  float: left;
  padding: 0 5px 0 0;
}
.format a {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
}
.format a span {
  display: none;
}
.format .metadata {
  display: none;
}
.format.eBook a {
  background: url(icons/ebook.png) no-repeat; 
}
.format.DVD a {
  background: url(icons/dvd.png) no-repeat; 
}
.format.Videocassette a {
  background: url(icons/vhs.png) no-repeat; 
}
.hidden {
  display: none;
}
.holdings {
  /* uncomment for fancy holdings display
  border: 1px solid #ddd;
  float: left;
  padding: 5px;
  */
}
.holdings .metadata {
  display: none
}
.jsclick {
  color: #555;
  cursor: pointer;
}
.jsclick:hover { 
  text-decoration: underline;
}
.page-num { 
  padding: 2px;
}
.page-num.selected { 
  border: 1px solid #bbb;
}
.page-previous, .page-next { 
  padding: 0 5px;
}
.record { 
  clear: left; /* for ie7 */
  float: left;
  padding: 10px;
  width: 98%; /* for ie7 */
  border: 1px solid #ddd;
  margin: 10px 0;
}
.recordinfo h2.title { 
  font-size: medium;
  font-weight: normal;
}
.recordinfo h2.title a { 
  font-size: 130%;
}
.recordinfo div {
  font-size: 80%;
  margin: 3px 0;
}
.search-history-link-opened {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 1;
}
.search-history-list-opened {
  min-width: 30em;
  border: 1px solid #ccc;
  display: block;
  position: absolute;
  padding: 3px;
  background: #fff;
  margin: 0 10px 0 0;
  color: #555;
}

/* 
 * id-level styles
 */
#container {
  padding: 10px;
  min-width: 760px;
  max-width: 1000px;
  margin: auto;
}
#content {
  clear: both;
}
#facets h3 {  
  margin: 0 0 3px 0;
}
#id_query {
  width: 50%;
}
#index-facets {
  text-align: center;
  margin: auto;
  width: 100%;
}
#index-facets div {
  float: left;
  width: 29%;
  text-align: left;
  border: 1px solid #ddd;
  margin: 0 1% 10px 1%;
  padding: 10px 1% 10px 1%;
  overflow: auto;
}
#index-facets h3 {
  margin: 0 0 5px 0;
}
#index-facets li {
  color: #555;
}
#index-facets-heading {
  margin: 40px 0 10px 10px;
  font-size: 110%;
}
#logo { 
  background: url(HeliosLogo.gif) left no-repeat;
  color: #0063dc; 
  float: left;
  font-size: 200%; 
  letter-spacing: .1em; 
}
#logo a:visited, #logo a:link, #logo a:hover, #logo a:active { 
  display: block; 
  height: 50px; 
  width: 140px; 
}
#logo span {
  display: none;
}
#no-results {
  clear: left;
  margin: 30px 25% 20px 5px;
}
#pagination-top, #pagination-bottom { 
  padding: 5px 0 0 0;
  text-align: right;
}
#powered {
  clear: both;
  font-size: 80%;
  text-align: right;
  padding: 30px 20px 10px 0;
}
#results { 
  margin-left: 5px;
  margin-right: 25%;
}
#search-history {
  font-size: 80%;
  margin: 1px 0 0 0;
}
#search-history a {
  padding: 0 2px;
}
#searchform { 
  white-space: nowrap;
  padding-top: 15px;
} 
#searchform #id_field {
  width: 120px;
}
#searchpage #logo {
  margin: auto;
  float: none;
  width: 150px;
  margin-bottom: 5px;
}
#sidebar {
  float: right; 
  font-size: 80%; 
  margin-right: 5px;
  padding: 0 5px;
  width: 21%; 
  clear: both;
}
#sidebar li { 
  color: #555;
}
#solr-url {
  clear: both;
}
#suggested {  
  background-color: #D2DFF4; 
  border: 1px solid #88a0c6; 
  padding: 5px;
  margin: 10px 0;
}
#topbar { 
  clear: left;
  padding: 5px 0;
  font-size: 80%;
}
#topbar #result_details {
  padding: 0 0 0 30px;
  text-indent: -30px;
  width: 70%;
}
#topbar #sort_by {
  float: right;
  white-space: nowrap;
}
#topbar #sort_by span {
  padding: 0 2px;
}

